<template>
<el-container>
  <el-header></el-header>
    <el-container>
    <el-aside width='200px'><nd-lefttree/></el-aside>
    <el-main><nd-toolbar></nd-toolbar></el-main>
  </el-container>
  <el-footer>
    <nd-footer></nd-footer>
  </el-footer>
</el-container>
</template>

<style>
.el-header,
.el-footer {
  background-color: #409eff;
  color: #ffffff;
  text-align: center;
  line-height: 60px;
}

.el-aside {
  background-color: #ffffff;
  color: #333;
  text-align: center;
  height: 700px;
}

.el-main {
  background-color: #ffffff;
  color: #333;
  text-align: center;
}
</style>

<script>
import footer from '@/components/layout/footer'
import toolbar from '@/components/layout/toolbar'
import lefttree from '@/components/layout/lefttree'
export default {
  components: {
    'nd-footer': footer,
    'nd-toolbar': toolbar,
    'nd-lefttree': lefttree
  },
  data () {}
}
</script>
